/* pages/shop-cart/shop-cart.wxss */
/* 选框 */
.yin{
    width: 44rpx;
    height: 46rpx;
    
    .check{
        width: 44rpx;
        height: 46rpx;
    }
}
.warp{
    background: #f2f2f2;
    // height: 100%;
    // width: 100%;
    position: absolute;
    top: 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    bottom: 100rpx;
    left: 0;
    right: 0;
    box-sizing: border-box;
    .box{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        .ul{
            background: #fff;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
            
            .li{
                height: 167rpx;
                display: -webkit-box;
                -webkit-box-orient: horizontal;
                border-top: 1px solid rgb(219, 219, 219);
                padding: 28rpx 40rpx 23rpx 23rpx;
                &:first-child{
                    border-top: none;
                }
                .img{
                    width: 165rpx;
                    height: 165rpx;
                    position: relative;
                    margin-right: 22rpx;
                    .shop{
                        width: 165rpx;
                        height: 165rpx;
                    }
                    
                    .xk{
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 44rpx;
                        height: 46rpx;
                        .check{
                            width: 44rpx;
                            height: 46rpx;
                        }
                    }
                    
                }
                .con{
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    -webkit-box-flex: 1;
                    .title-x{
                        -webkit-box-orient: horizontal;
                        display: -webkit-box;
                        padding-top: 8rpx;
                        -webkit-box-pack: center;
                        .title{
                            font-weight: 700;
                            font-size: 26rpx;
                            display: -webkit-box;
                            -webkit-box-flex: 1;
                        }
                        .x{
                            display: -webkit-box;
                            font-size: 28rpx;
                            font-weight: 700;
                        }
    
                    }
                    .one{
                        font-size: 22rpx;
                        color: #9c9c9c;
                        padding-top: 26rpx;
                    }
                    .price-sum{
                        -webkit-box-orient: horizontal;
                        display: -webkit-box;
                        padding-top: 10rpx;
                        -webkit-box-align: center;
                        .price{
                            font-size: 22rpx;
                            color: #ff4040;
                            display: -webkit-box;
                            -webkit-box-flex: 1;
                            font-weight: 800;
                        }
                        .sum{
                            -webkit-box-orient: horizontal;
                            display: -webkit-box;
                            -webkit-box-align: center;
                            .t{
                                background: #f5f5f5;
                                color: #5b5b5b;
                                width: 60rpx;
                                height: 60rpx;
                                display: inline-block;
                                display: -webkit-box;
                                -webkit-box-pack: center;
                                -webkit-box-align: center;
                                font-weight: 600;
                                &.num{
                                    width: 70rpx;
                                    text-align: center;
                                    font-size: 24rpx;
                                    margin: 0 3rpx;
                                }
                                &.jia{
                                    font-size: 34rpx;
                                }
                            }
                        }
                    }
                }
            }
        }
        .no-list{
            background: transparent;
            height: 100%;
            width: 100%;
            // text-align: center;
            .gwc{
                height: 320rpx;
                width: 308rpx;
                margin: 0 auto;
                margin-top: 96rpx;
                .gwct{
                    
                    height: 320rpx;
                    width: 308rpx;
                }
                
            }
            .gwc-text{
                font-size: 22rpx;
                color: #a3a3a3;
                text-align: center;
                margin-top: 40rpx;
            }
            .gwc-btn{
                margin: 92rpx 44rpx 0;
                button{
                    background: #ff4545;
                    border-radius: 10rpx;
                    color: #fff;
                }
            }
        }
    }
}
.fot{
    height: 100rpx;
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #f1f1f1;
    // box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    .fy{
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-flex: 1;
        -webkit-box-align: center;
        margin: 0 0rpx 0 6rpx;
        .qx{ 
            padding-left: 8rpx;
            font-size: 26rpx;
            color: #272727;
        }
    }
    .heji{
        font-size: 26rpx;
        padding-right: 18rpx;
    }
    .btnbox{
        .btn{
            width: 200rpx;
            height: 94rpx;
            background: #ff4545;
            color: #fff;
            font-size: 26rpx;
            border-radius: 0;
            line-height: 94rpx;
            margin: 0 6rpx 0 0;
        }
    }
}